<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="第三次.js"></script>
</head>
<body>
<script>
 var arr=[];
    for(var i=0;i<10;i++){
        arr.push("歌曲"+(i+1))
    }
 document.body.innerHTML=$.map(arr, function (v,i) {
     return "<input type='checkbox'> "+v+"<br>"
 }).join("");
 var btns=[{value:'全选', id:'all'},{ value:'全不选',id:'no'},{value:'反选', id:'fan'}]
 document.body.innerHTML+=$.map(btns, function (v, i) {
     return "<button id="+ v.id+">"+ v.value+"</button>"
 }).join("");
 $("#all")[0].onclick= function () {
        $("input").each(function (i, v) {
            v.checked=true;

        })
    };
    $("#no")[0].onclick= function () {
        $("input").each(function (i, v) {
            v.checked=false;
        })
    };
 $("#fan")[0].onclick= function () {
     $("input").each(function (i, v) {
         v.checked=!v.checked;
     })
 }
    $("input").get(3).checked=true;
    $("input").first()[0].checked=true;

</script>
</body>
</html>